<LayoutTableSmall>
    <!-- 顶部 -->
    <template slot="top">cvaga</template>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
        
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
        

        </el-form>
    </template>
    <!-- 功能 -->
    <template slot="function">
        <el-button type="primary" @click="addProduct()">添加商品</el-button>
    </template>
    <!-- 表格 -->
    <template slot="table">
        <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" border style="width: 100%;" :ref="mixinPage_vueName+'TableSmall'" height="100%"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <!-- <el-table-column type="selection" width="50" align="center"></el-table-column> -->
            <el-table-column prop="name" label="商品名称" >
            </el-table-column>
            <el-table-column prop="thumb" label="商品图片" width="100" align="center">
                <template slot-scope="scope">
                    <ImageBox :src="scope.row.thumb" style="width: 50px;height: 50px;"></ImageBox>
                </template>
            </el-table-column>
            <el-table-column prop="salePrice" label="价格">
            </el-table-column>
            <el-table-column prop="stock" label="库存">
            </el-table-column>
            <el-table-column prop="orderSales" label="销量">
            </el-table-column>
            <el-table-column prop="join_text" label="分销状态">
            </el-table-column>

            <el-table-column label="操作" width="200">
                <template slot-scope="scope">
                    <el-button @click="editBoxOpen({type:'update',product_id:scope.row.product_id})">操作</el-button>
                    <el-button @click="participate(scope.row.product_id,true)" v-if="scope.row.join_text == '不参与'">参与</el-button>
                    <el-button @click="participate(scope.row.product_id,false)" v-if="scope.row.join_text == '参与'">不参与</el-button>
                    <!-- <el-button type="danger" plain @click="mixinTable_selectTableDeleteData([scope.row])">删除</el-button> -->
                </template>
            </el-table-column>

        </el-table>

    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_selectTableDeleteData()">
            停用已选</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button>
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>